<script setup lang="ts">
import { Local } from '@/utils/storage';
import { commonEnums } from '@/enums/index';
</script>

<template>
  <div class="h-screen w-screen bg-gray-700 flex flex-col justify-center items-center relative">
    <img src="@/assets/avatar.jpg" class="w-40 h-40 object-cover rounded-full border-8 border-white mb-5" />
    <div>
      <router-link
        v-if="!Local.getItem(commonEnums.TOKEN)"
        :to="{ name: 'login' }"
        class="text-white py-2 px-4 rounded-md bg-fuchsia-700 hover:bg-fuchsia-600 duration-300 mr-3"
        >用户登录</router-link
      >
      <router-link
        :to="{ name: 'tankGame' }"
        class="bg-yellow-800 text-white py-2 px-4 rounded-md hover:bg-yellow-700 duration-300 mr-3"
        >坦克游戏</router-link
      >
      <router-link :to="{ name: 'admin_home' }" class="bg-violet-700 text-white py-2 px-4 rounded-md hover:bg-violet-600 duration-300"
        >后台管理</router-link
      >
    </div>
    <div class="text-gray-300 text-xs font-mono drop-shadow-md mt-6">我迎着风大声唱，征途是星辰和海洋</div>
    <div class='record absolute bottom-10'>
      <a href="https://beian.miit.gov.cn/" target="_blank" class='text-gray-300 text-xs font-mono mr-2'>备案号</a>
      <a href="https://beian.miit.gov.cn/" target="_blank" class='text-gray-300 text-xs font-mono'>苏ICP备2022020869号-1</a>
    </div>
  </div>
</template>
